// 父子通信应用 父组件为App.vue
<template>
	<nav>
		<a href="#zf"><i></i>买新房{{ msg }}</a>
		<a><i></i>买二手房</a>
		<a><i></i>找租房</a>
		<a><i></i>装修</a>
		<a><i></i>直播</a>
		<a><i></i>买新房</a>
		<a><i></i>买新房</a>
		<a><i></i>买新房</a>
	</nav>
</template>

<script>
	export default{
		props: ['msg']
	}



</script>

<style>
nav{
	width: 100%;
}
nav a{
	box-sizing: border-box;
	float: left;
	width: 25%;
	padding: 10px;
	text-align: center;
}
nav a:nth-child(4n+1){
	clear: both;
}
nav a i{
	display: block;
	width: 2.5em;
	height: 2.5em;
	margin: 0 auto;
	background: blue url(../assets/home_nav1.png) no-repeat;
	background-position:0px -160px;
	background-size: 100%;
}
</style>
